<template>
  <div class="box">
      <div class="title">
          施工自验意见表
      </div>
      <div class="btn">
          <el-button>下载</el-button>
          <el-button>打印</el-button>
      </div>
      <div class="">
          <table class="table-doc-view" cellpadding="0" cellspacing="0" style="width:100%">
				<tbody><tr>
					<td class="taoc-center">片块号</td>
					<td class="taoc-center">权利人</td>
					<td class="taoc-center">身份证号</td>
					<td class="taoc-center">复垦面积</td>
					<td class="taoc-center">自验时间</td>
					<td class="taoc-center">自验人员</td>
					<td class="taoc-center">自验结论</td>
					<td class="taoc-center">自验意见</td>
					<td class="taoc-center">自验位置</td>
				</tr>
				<tr>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
				</tr>
				<tr>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
					<td><p>&nbsp;</p></td>
				</tr>
			</tbody></table>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
* {
  box-sizing: border-box;
}
.box {
  padding: 30px;
}
.display_flex {
  display: flex;
  align-items: center;
}
.title{
    font-size: 20px;
    font-weight: bold;
    color: #444;
    text-align: center;
    margin-bottom: 10px;
}
.btn{
    text-align: right;
   
}
.table-doc-view {
    border-collapse: collapse;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.table-doc-view .taoc-center {
    text-align: center;
}

.table-doc-view td {
    font-size: 14px;
    color: #444;
    min-height: 30px;
}
.table-doc-view tr, .table-doc-view td {
    border: 1px solid #ccc;
    padding: 10px 10px;
}
</style>